<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        
        //创建ajax对象
        const ajax = new XMLHttpRequest();
        //监听状态的改变
        /*
        *   0-4
                0  初始化状态   ajax对象已经被创建
                1  open()方法 已调用
                2  send()方法 已调用
                3  所有的响应  已经收到
                4  http 响应已经完全接受
        */
        ajax.onreadystatechange = function() {
            if(ajax.readyState === 4 && ajax.status === 200) {
                //前端 就能够接收到 数据了 想干嘛就干嘛
                console.log(ajax.response);
            }
        }
        //通过什么样的方式 向什么样的后端服务器 发送什么样的请求  true是异步  false是同步
        ajax.open('get', './data.php', true);
        //执行请求命令
        ajax.send();
    </script>
</body>
</html>